<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="author" content="Mr.Bian">
    
    <meta name="description" content="这是一首简单的小情歌">
    
    
    
    
    
    
    <title>BKQ &amp; ZSH の family</title>
    <link href="http://kaiquan-bian.gitee.io/blog" rel="prefetch" />

    
<link rel="stylesheet" href="/blog/css/bootstrap.min.css">
<link rel="stylesheet" href="/blog/css/aos.css">
<link rel="stylesheet" href="/blog/css/style.css">

    
<script src="/blog/js/jquery.min.js"></script>

    
<script src="/blog/js/bootstrap.min.js"></script>

    
<script src="/blog/js/aos.js"></script>

    
<script src="/blog/js/highslide/highslide-full.min.js"></script>

    
<link rel="stylesheet" href="/blog/js/highslide/highslide.css">

    <style type="text/css">
        @media (max-width: 768px) {
            body {
                background-color: #f0f0f0;
                background: url('/imgs/xsbg.gif');
                background-attachment: fixed;
            }
        }
    </style>
    
    <!--<script type="text/javascript">
      if (document.images) {
        var avatar = new Image();
        avatar.src = '/blog/imgs/avatar.jpg'
        var previews = 'preview1.jpg,preview2.jpg,preview3.jpg,preview4.jpg'.split(',')
        var previewsPreLoad = []
        for(var i = 0; i < length; i++) {
          previewsPreLoad.push(new Image())
          previewsPreLoad[previewsPreLoad.length - 1].src = '/blog/imgs/preview' + previews[i]
        }
      }
    </script>-->
<meta name="generator" content="Hexo 6.0.0"></head>
<body>
    <!-- 背景轮播图功能 -->
    <section class="hidden-xs">
    <ul class="cb-slideshow">
        <li><span>天若</span></li>
        <li><span>有情</span></li>
        <li><span>天亦老</span></li>
        <li><span>我为</span></li>
        <li><span>长者</span></li>
        <li><span>续一秒</span></li>
    </ul>
</section>
    <!-- 欧尼酱功能, 谁用谁知道 -->
    
    <div class="gal-menu gal-dropdown">
    <div class="circle" id="gal">
        <div class="ring">
            <a href="http://kaiquan-bian.gitee.io/blog" class="menuItem" style="left: 50%; top: 15%;">首页</a>
            
            <a href="/blog/page/2/" class="menuItem" style="left: 80.3109%; top: 32.5%;">下一页</a>
            
            <a href="/blog/archives" class="menuItem" style="left: 80.3109%; top: 67.5%;">归档</a>
            <a href="/blog/about" class="menuItem" style="left: 50%; top: 85%;">关于</a>
            <a href="/blog/message" class="menuItem" style="left: 19.6891%; top: 67.5%;">留言板</a>

            
            <a class="menuItem" style="left: 19.6891%; top: 32.5%;">上一页</a>
            
        </div>
        <audio id="audio" src="/blog/imgs/oni.mp3"></audio>
    </div>
</div>
    
    <header class="navbar navbar-inverse" id="gal-header">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target=".bs-navbar-collapse"
                    aria-expanded="false">
                <span class="fa fa-lg fa-reorder"></span>
            </button>
            <a href="http://kaiquan-bian.gitee.io/blog">
                
                <style>
                    #gal-header .navbar-brand {
                        height: 54px;
                        line-height: 24px;
                        font-size: 28px;
                        opacity: 1;
                        background-color: rgba(0,0,0,0);
                        text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228DFF,0 0 35px #228DFF,0 0 40px #228DFF,0 0 50px #228DFF,0 0 75px #228DFF;
                    }
                </style>
                <!-- 这里使用文字(navbar_text or config.title) -->
                <div class="navbar-brand">BKQ &amp; ZSH の family</div>
                
            </a>
        </div>
        <div class="collapse navbar-collapse bs-navbar-collapse">
            <ul class="nav navbar-nav" id="menu-gal">
                
                
                <li class="current">
                    <a href="/blog/">
                        <i class="fa fa-home"></i>首页
                    </a>
                </li>
                
                
                
                <li class="">
                    <a href="/blog/archives">
                        <i class="fa fa-archive"></i>归档
                    </a>
                </li>
                
                
                
                
                <li class="dropdown">
                    <!-- TODO 添加hover dropdown效果 -->
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false" data-hover="dropdown">
                        <i class="fa fa-list"></i>分类
                    </a>
                    <ul class="dropdown-menu">
                        
                        
                        <li>
                            <a href="/blog/categories/kai/">kai</a>
                        </li>
                        
                        <li>
                            <a href="/blog/categories/%E8%87%AA%E6%88%91%E4%BB%8B%E7%BB%8D/">自我介绍</a>
                        </li>
                        
                        <li>
                            <a href="/blog/categories/by%E6%A1%A6%E5%93%A5/">by桦哥</a>
                        </li>
                        
                        
                        
                    </ul>
                </li>
                
                
                
                
                
                <li class="dropdown">
                    <!-- TODO 添加hover dropdown效果 -->
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false" data-hover="dropdown">
                        <i class="fa fa-tags"></i>标签
                    </a>
                    <ul class="dropdown-menu">
                        
                        
                        <li>
                            <a href="/blog/tags/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/">推荐系统</a>
                        </li>
                        
                        <li>
                            <a href="/blog/tags/%E5%AD%A6%E4%B9%A0%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81/">学习！！！！！</a>
                        </li>
                        
                        <li>
                            <a href="/blog/tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/">读书笔记</a>
                        </li>
                        
                        
                        
                    </ul>
                </li>
                
                
                
                
                <li class="">
                    <a href="/blog/about">
                        <i class="fa fa-user"></i>关于我
                    </a>
                </li>
                
                
            </ul>
        </div>
    </div>
</header>
    <div id="gal-body">
        <div class="container">
            <div class="row">
                <div class="col-md-8 gal-right" id="mainstay">
                    
<div class="alert well fade in" id="gal-issue" role="alert">
    <!-- TODO 添加关闭公告框功能 -->
    <button type="button" class="close" data-dismiss="alert">×</button>
    <!-- 这里自行配置公告内容 -->
    这里是公告内容
    <br>
    配置相关说明请看<strong>_config.yml</strong>
    <!-- 自行配置公告内容结束 -->
</div>

<div id="article-list">
     
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview3.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">
                    
                    <img src="/blog/imgs/preview/preview3.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc_conf/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc_conf/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc_conf/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview2.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc_conf/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc_conf/">
                    
                    <img src="/blog/imgs/preview/preview3.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc_conf/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/makedownpad/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/makedownpad/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/makedownpad/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview2.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/makedownpad/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/makedownpad/">
                    
                    <img src="/blog/imgs/preview/preview2.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/makedownpad/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/GitHub2/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/GitHub2/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/GitHub2/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview3.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/GitHub2/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/GitHub2/">
                    
                    <img src="/blog/imgs/preview/preview3.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/GitHub2/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/GitHub/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/GitHub/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/GitHub/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview3.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/GitHub/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/GitHub/">
                    
                    <img src="/blog/imgs/preview/preview3.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/GitHub/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview4.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/">
                    
                    <img src="/blog/imgs/preview/preview1.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview4.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/">
                    
                    <img src="/blog/imgs/preview/preview2.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/Clearness/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/Clearness/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/Clearness/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview2.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/Clearness/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/Clearness/">
                    
                    <img src="/blog/imgs/preview/preview4.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/Clearness/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview1.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/">
                    
                    <img src="/blog/imgs/preview/preview3.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
     <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
    
    <div class="data-article hidden-xs">
        <span class="month">02月</span>
        <span class="day">23</span>
    </div>
    <!-- 大型设备文章 -->
    <section class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/">
                    <span></span>
                </a>
            </h1>
        </div>
        <div class="tag-article">
            
            
            <!-- TODO 添加评论统计 -->
            <!--<span class="label label-gal">
                <i class="fa fa-comments"></i>
                <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/#comments">739</a>
            </span>-->
        </div>
        <div class="alert alert-gal article-body content-article">
            <div class="item">
                <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/">
                    <div class="img">
                        
                        <img src="/blog/imgs/preview/preview4.jpg" alt="">
                    </div>
                    <div class="info">
                        
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="title-article">
            <center>
                <h4>
                    <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/">
                        <span></span>
                    </a>
                </h4>
            </center>
        </div>
        <p></p>
        <center>
            <i class="fa fa-calendar"></i> 2022-02-23
        </center>
        <p></p>
        <p></p>
        <center>
            
            
        </center>
        <p></p>
        <div class="alert alert-gal article-body content-article">
            <p style="text-align: center;">
                <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/">
                    
                    <img src="/blog/imgs/preview/preview4.jpg" alt="">
                </a>
            </p>
        </div>
        
        <a class="btn btn-danger pull-right read-more btn-block" href="/blog/2022/02/23/preview/toc/js/ztree_toc/">
            阅读全文
            <!--<span class="badge">739</span>-->
        </a>
    </section>
</div>
     
</div>
<!-- 前方最多7个 < 1 2 3 4 5 6 -->
<!-- 前方超过第7页则分为 < 1 ... (n - 3) (n - 2) (n - 1) n, 此时前面为固定的6个 -->

<!-- 后方最多8个 (n + 1) 到 (n + 7) > -->
<!-- 如果末页和当前页相差超过7, 此时后面为固定的6个, (n + 1) (n + 2) (n + 3) ... total > -->



<div id="gal-pagination" class="clearfix">
    <ul class="pagination pagination-gal pull-right">
        
        
        
        
        <li class="current">
            <span>1</span>
        </li>
        
        
        <li>
            <a href="/blog/page/2">2</a>
        </li>
        
        <li>
            <a href="/blog/page/3">3</a>
        </li>
        
        
        
        <li class="next">
            <a href="/blog/page/2/">»</a>
        </li>
        
    </ul>
</div>

<!-- 加上这段代码原因： gitment在首页加载时, 如果找不到对应的控件会报错，此处加上，同时设置为none，防止报错 -->   
  
    <div id="comments-template" style="display:none"></div> 

                </div>
                <aside class="col-md-4 gal-left" id="sidebar">
    <!-- 此为sidebar的搜索框, 非搜索结果页面 -->
<aside id="sidebar-search">
    <div class="search hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <form class="form-inline clearfix" id="search-form" method="get"
              action="/blog/search/index.html">
            <input type="text" name="s" class="form-control" id="searchInput" placeholder="搜索文章~" autocomplete="off">
            <button class="btn btn-danger btn-gal" type="submit">
                <i class="fa fa-search"></i>
            </button>
        </form>
    </div>
</aside>
    <aside id="sidebar-author">
    <div class="panel panel-gal" data-aos="flip-right" data-aos-duration="3000">
        <div class="panel-heading" style="text-align: center">
            <i class="fa fa-quote-left"></i>
            Mr.Bian
            <i class="fa fa-quote-right"></i>
        </div>
        <div class="author-panel text-center">
            <img src="/blog/imgs/avatar.jpg" width="140" height="140"
                 alt="个人头像" class="author-image">
            <p class="author-description"><p>这是一首简单的小情歌</p>
</p>
        </div>
    </div>
</aside>
    
    <aside id="sidebar-recent_comments">
    <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <div class="panel-heading">
            <i class="fa fa-comments"></i>
            最新评论
            <i class="fa fa-times-circle panel-remove"></i>
            <i class="fa fa-chevron-circle-up panel-toggle"></i>
        </div>
        <ul class="list-group list-group-flush"></ul>
    </div>
</aside>
    
    <!-- 要配置好leancloud才能开启此小工具 -->
    
    
    <aside id="sidebar-recent_posts">
    <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <div class="panel-heading">
            <i class="fa fa-refresh"></i>
            近期文章
            <i class="fa fa-times-circle panel-remove"></i>
            <i class="fa fa-chevron-circle-up panel-toggle"></i>
        </div>
        <ul class="list-group list-group-flush">
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc_conf/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/makedownpad/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/GitHub2/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/GitHub/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/Clearness%20Dark/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/Clearness/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/"></a>
                </span>
            </li>
            
        </ul>
    </div>
</aside>
    
    
    <aside id="sidebar-rand_posts">
    <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <div class="panel-heading">
            <i class="fa fa-refresh"></i>
            随机文章
            <i class="fa fa-times-circle panel-remove"></i>
            <i class="fa fa-chevron-circle-up panel-toggle"></i>
        </div>
        <ul class="list-group list-group-flush">
            
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/01/17/hello-world/">Hello World</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/01/18/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/">1.推荐系统概述</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc_conf/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/1-%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/js/ztree_toc/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/Clearness/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/GitHub/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/js/jquery.ztree.all-3.5.min/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/js/jquery-1.4.4.min/"></a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/blog/2022/02/23/preview/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5/"></a>
                </span>
            </li>
            
        </ul>
    </div>
</aside>
    
    
    <aside id="gal-sets">
        <div class="panel panel-gal hidden-xs" data-aos="fade-up" data-aos-duration="2000">
            <ul class="nav nav-pills pills-gal">

                
                <li>
                    <a href="/blog/index.html#sidebar-tags" data-toggle="tab" id="tags-tab">热门标签</a>
                </li>
                
                
                <li>
                    <a href="/blog/index.html#sidebar-friend-links" data-toggle="tab" id="friend-links-tab">友情链接</a>
                </li>
                
                
                <li>
                    <a href="/blog/index.html#sidebar-links" data-toggle="tab" id="links-tab">个人链接</a>
                </li>
                
            </ul>
            <div class="tab-content">
                
                <div class="cloud-tags tab-pane nav bs-sidenav fade" id="sidebar-tags">
    
    <a href="/blog/tags/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/" style="font-size: 13.718805517875417px;" class="tag-cloud-link">推荐系统</a>
    
    <a href="/blog/tags/%E5%AD%A6%E4%B9%A0%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81/" style="font-size: 9.999356583421582px;" class="tag-cloud-link">学习！！！！！</a>
    
    <a href="/blog/tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/" style="font-size: 19.796497824016473px;" class="tag-cloud-link">读书笔记</a>
    
</div>
                
                
                <div class="friend-links tab-pane nav bs-sidenav fade" id="sidebar-friend-links">
    
    <li>
        <a href="http://kdays.net/days/" target="_blank">KDays Forum</a>
    </li>
    
    <li>
        <a href="http://www.gal123.com/" target="_blank">绅士导航♂</a>
    </li>
    
    <li>
        <a href="http://www.moe123.com/" target="_blank">萌导航</a>
    </li>
    
</div>
                
                
                <div class="links tab-pane nav bs-sidenav fade" id="sidebar-links">
    
    <li>
        <a href="https://github.com/ZEROKISEKI/" target="_blank">Github</a>
    </li>
    
    <li>
        <a href="https://coding.net/u/SORA1" target="_blank">Coding</a>
    </li>
    
    <li>
        <a href="https://www.zhihu.com/people/aonosora/activities" target="_blank">知乎</a>
    </li>
    
</div>
                
            </div>
        </div>
    </aside>
    
</aside>
            </div>
        </div>
    </div>
    <footer id="gal-footer">
    <div class="container">
        Copyright © 2018 Mr.Bian Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>.&nbsp;Theme by <a href="https://github.com/ZEROKISEKI" target="_blank">AONOSORA</a>
    </div>
</footer>

<!-- 回到顶端 -->
<div id="gal-gotop">
    <i class="fa fa-angle-up"></i>
</div>
</body>

<script src="/blog/js/activate-power-mode.js"></script>

<script>

    // 配置highslide
	hs.graphicsDir = '/js/highslide/graphics/'
    hs.outlineType = "rounded-white";
    hs.dimmingOpacity = 0.8;
    hs.outlineWhileAnimating = true;
    hs.showCredits = false;
    hs.captionEval = "this.thumb.alt";
    hs.numberPosition = "caption";
    hs.align = "center";
    hs.transitions = ["expand", "crossfade"];
    hs.lang.number = '共%2张图, 当前是第%1张';
    hs.addSlideshow({
      interval: 5000,
      repeat: true,
      useControls: true,
      fixedControls: "fit",
      overlayOptions: {
        opacity: 0.75,
        position: "bottom center",
        hideOnMouseOut: true
      }
    })

    // 初始化aos
    AOS.init({
      duration: 1000,
      delay: 0,
      easing: 'ease-out-back'
    });

</script>
<script>
	POWERMODE.colorful = 'true';    // make power mode colorful
	POWERMODE.shake = 'true';       // turn off shake
	// TODO 这里根据具体情况修改
	document.body.addEventListener('input', POWERMODE);
</script>
<script>
    window.slideConfig = {
      prefix: '/blog/imgs/slide/background',
      ext: 'jpg',
      maxCount: '6'
    }
</script>

<script src="/blog/js/hs.js"></script>
<script src="/blog/js/blog.js"></script>



<script src="/blog/js/oni.js"></script>




<script src="https://myau.moe/js/comment/gitment.browser.js"></script>
<script>
    if(window.commentConfig) {
      window.commentConfig.id = ''
      window.commentConfig.owner = ''
      window.commentConfig.repo = ''
      window.commentConfig.client_id = ''
      window.commentConfig.client_secret = ''
      window.commentConfig.redirect_uri = ''
    } else {
      window.commentConfig = {
      	id: '',
        owner: '',
        repo: '',
        client_id: '',
        client_secret: '',
        redirect_uri: ''
      }
    }
</script>

<script src="/blog/js/comment/gitment.js"></script>


</html>